<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>HTML5 小应用</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
	
	<div id="app" v-cloak>
		<template v-for="(item,indexI) in dataList">
				<!-- <comp-radio v-if='show(item,"radio",page)' :value="item"></comp-radio>
				<comp-checkbox v-if='show(item,"checkbox",page)' :value="item"></comp-checkbox>
				<comp-textarea v-if='show(item,"textarea",page)' :value="item"></comp-textarea> -->
				<comp-content v-show='item.index === page' :value="item" :page="page"></comp-content>
		</template>
		<comp-button v-model="page" :max="dataList.length"></comp-button>
	</div>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="button.js"></script>
	<script src="content.js"></script>
	<script src=index.js></script>
</body>
</html>